<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">


    <link href="resource/bootstrap/bootstrap.css" rel="stylesheet">
    <link href="resource/layui2.6.8/css/layui.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
    <link href="resource/css/common.css" rel="stylesheet">
    <script src="resource/js/jquery2.2.js"></script>
    <script src="resource/js/jquery.nicescroll.js"></script>
    <script src="resource/bootstrap/bootstrap.min.js"></script>
    <script src="resource/layui2.6.8/layui.js"></script>
    <script src="resource/layui2.6.8/layui.custom.js"></script>
    <script src="resource/js/action.js"></script>

    <script src="resource/js/live2d/xuexiaoban/L2Dwidget.min.js"></script>
    <script src="resource/js/live2d/xuexiaoban/L2Dwidget.0.min.js"></script>
</head>
<body>

<div class="container" style="height: 100% ;background-color:white; padding: 0">
    <div style="height: 100%">
        <iframe id="main_content" src="menu.html" name="VIEW" width="100%" height="100%" style="border: 0;overflow-y:hidden"></iframe>
    </div>
</div>

<div id="right-menu" class="right-menu" style=" display: none;   opacity: 1;">
    <div class="circle open">
        <div class="ring">
            <a id="login" flag="1" href="javascript:loginClick();" title="" class="menuItem" style="left: 50%; top: 85%;">登录</a>
            <a flag="2" href="index.html" title="" class="menuItem" style="left: 85%; top: 50%;">返回首页</a>
            <a flag="3" href="https://space.bilibili.com/34283550" target="_blank" title="" class="menuItem" style="left: 50%; top: 15%;">我的空间</a>
            <a flag="4" href="javascript:music();" title="" class="menuItem" style="left: 15%; top: 50%;">随机BGM</a>
        </div>
    </div>
</div>
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="modalLabel">
                    请登录
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户名</label>
                        <div class="col-sm-10">
                            <input id="username" type="text" class="form-control" placeholder="请输入用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-10">
                            <input id="password" type="password" class="form-control"  placeholder="请输入密码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="doLogin()"  type="button" class="btn btn-primary" style="width: 200px">
                    登录
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<audio id="audio"  loop>
    <source  src="/randomMusic.do"/>
</audio>
<style>
    #sakana-widget {
        position: fixed;
        left: 10px;
        bottom: 24px;
        height: 200px;
        width: 200px;
    }
    .sakana-widget-ctrl{
        display: none;
    }
    @media(max-width: 1024px) {
        #sakana-widget {
            bottom: 10px;
            left: 0px;
            height: 120px;
            width: 120px;
        }
    }
</style>
<div id="sakana-widget"></div>
<script src="https://shakaianee.top/usr/plugins/SakanaTypecho/sakana.min.js"></script>
<script>
    window.addEventListener('DOMContentLoaded', () => {
        let character=['chisato','takina']
        let random = new Date().getTime() % 2;
        new SakanaWidget({
            character: character[random],
            autoFit: true        })
            .mount('#sakana-widget')
    });
</script>
</body>
<script src="index.js"></script>
<script>

</script>
</html>
